<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
</head>

<body>
   <header class="headerpage " data-load="header"></header>
   <main class="user_page active ufm_page">
      <section class="">
         <div class="layui-main">
            <div class="user_con">
               <div class="user_headpage" data-load="user_account_headr"></div>
               <div class="right_main block1">
                  <p class="t18 mb15">變更密碼</p>
                  <p class="ft15 ft-bold mb40 gary_c6">此 Email 為 ACCUPASS 會員帳號，可以用來登入 ACCUPASS App，以及接收活動的各種第一手資訊</p>
                  <from class="layui-form">
                     <div class="layui-form-item">
                        <div class="label must">目前密碼</div>
                        <div class="">
                           <input type="password" name="username" lay-verify="required" placeholder=""
                              autocomplete="off" class="layui-input">
                        </div>
                        <div class="d-flex jc-fe ft12 mt10">
                           <a>忘记密码？</a>
                        </div>
                     </div>
                     <div class="layui-form-item">
                        <div class="label must">新密碼</div>
                        <div class="">
                           <input type="password" name="username" lay-verify="required" placeholder=""
                              autocomplete="off" class="layui-input">
                        </div>
                     </div>

                     <div class="layui-form-item">
                        <div class="label must">確認新密碼</div>
                        <div class="">
                           <input type="password" name="username" lay-verify="required" placeholder=""
                              autocomplete="off" class="layui-input">
                        </div>
                     </div>

                     <div class="d-flex jc-fe layui-form-item">
                        <button class="layui-btn layui-btn-lg layui-btn-primary layui-border">放弃更改</button>
                        <button class="layui-btn layui-btn-lg layui-bg-orange">保存</button>
                     </div>
                  </from>
               </div>
            </div>
         </div>
      </section>
   </main>

</body>
<script src="./js/index.js"></script>
<script>

   layui.use(function () {
      var upload = layui.upload;
      var layer = layui.layer;
      var element = layui.element;
      var $ = layui.$;
      var laydate = layui.laydate;

      // 单图片上传
      var uploadInst = upload.render({
         elem: '#upload-btn',
         url: '', // 实际使用时改成您自己的上传接口即可。
         before: function (obj) {
            // 预读本地文件示例，不支持ie8
            obj.preview(function (index, file, result) {
               $('#upload-img').attr('src', result); // 图片链接（base64）
            });
         }

      })
      laydate.render({
         elem: '#datetime-1',
         type: 'datetime',
         fullPanel: true // 2.8+
      });
   })

</script>

</html>